<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/pages/producePersonal.css">
    <script src="../js/resize.js"></script>
    <title>生产个人</title>
</head>

<body>
    <header>
        <span></span>
        <p>M0002-Jang Fan</p>
    </header>
    <article>
        <section class="statusBar">
            <div class="statusBar__title">应急维修状态</div>
            <table class="statusBar__table">
                <tr>
                    <td>5</td>
                    <td>0</td>
                    <td>2</td>
                    <td>0</td>
                </tr>
                <tr>
                    <td>待接单</td>
                    <td>待签到</td>
                    <td>维修中</td>
                    <td>待复线</td>
                </tr>
            </table>
        </section>
        <section class="servicingBar">
            <div class="servicingBar__title">计划维护状态</div>
            <table class="servicingBar__table">
                <tbody>
                    <tr>
                        <td>产线名称</td>
                        <td>设备名称</td>
                        <td>维护项点数量</td>
                        <td>计划执行日期</td>
                        <td>操作</td>
                    </tr>
                    <tr>
                        <td>加工四厂-D/C 16L</td>
                        <td>OP30-半精车</td>
                        <td>20</td>
                        <td>10-13</td>
                        <td>
                            <img src="../images/operateArrow.png" alt="">
                        </td>
                    </tr>
                    <tr>
                        <td>加工四厂-D/C 16L</td>
                        <td>OP30-半精车</td>
                        <td>20</td>
                        <td>10-13</td>
                        <td>
                            <img src="../images/operateArrow.png" alt="">
                        </td>
                    </tr>
                    <tr>
                        <td>加工四厂-D/C 16L</td>
                        <td>OP30-半精车</td>
                        <td>20</td>
                        <td>10-13</td>
                        <td>
                            <img src="../images/operateArrow.png" alt="">
                        </td>
                    </tr>
                </tbody>
            </table>
        </section>
        <section class="maintenanceIndex">
            <div class="maintenanceIndex__title">维修指标趋势
                <select>
                    <option value="week">最近一周</option>
                    <option value="month">最近一月</option>
                    <option value="year">最近一年</option>
                </select>
            </div>
            <div class="maintenanceIndex__charts">
                <div class="chart"></div>
                <div class="chart"></div>
            </div>
        </section>
    </article>
    <div id="layer"></div>
    <aside class="personalPanel" id="personalPanel">
        <section class="personalPanel__title">
            <img src="../images/微信图片_20171016133622.jpg" alt="">
            <span>万小明</span>
        </section>
        <section class="personalPanel__list">
            <ul>
                <li>
                    <a href="./producePersonal.html">
                        <div>工作面板</div>
                    </a>
                </li>
                <li>
                    <a href="./emergencyMaintenance.html">
                        <div>应急维修</div>
                    </a>
                </li>
                <li>
                    <a href="./planMaintenance.html">
                        <div>计划维护</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div>我的消息</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div>设备管理</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div>参考文档</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div>设备盘点</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div>退出登录</div>
                    </a>
                </li>
            </ul>
        </section>
    </aside>


    <script src="../js/jquery.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/main.js"></script>
</body>

</html>